.playlist_head{
    width: 100%;
    overflow: hidden;
    background-color: #575757;
    position: relative;
    .plh_bg_imgrow{
        width: 100%;
        image{
            width: 100%;
            height: 500rpx;
            filter: blur(50rpx);
        }
    }
    .plh_rouw1{
        position: absolute;
        left: 50rpx;
        top: 50rpx;
        width: 700rpx;
        display: flex;
        align-items: center;
        .plh_row1_icon{
            width: 270rpx;
            height:270rpx;
        }
        .plh_rouw1_info{
            padding-left: 50rpx;
            width: 470rpx;
            color: #ffffff;
            .plh_rouw1_name{
                font-size: 32rpx;
                padding-bottom: 50rpx;
            }
            .plh_rouw1_user{
                font-size: 22rpx;
                display: flex;
                align-items: center;
                image{
                    border-radius: 50%;
                    width: 50rpx;
                    height: 50rpx;
                }
                text{
                    padding-left: 10rpx;
                }
            }
        }
    }
    .plh_row2{
        width: 100%;
        height: 150rpx;
        position: absolute;
        left: 0rpx;
        bottom: 5rpx;
        display: flex;
        .plh_row2_img{
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            navigator{
                padding: 0;
                margin: 0;
                position: relative;
                bottom: -10rpx;
            }
            image{
                width: 100rpx;
                height: 200px;
            }
            text{
                position: relative;
                top:-10rpx;
                color: #ffffff;
                font-size: 20rpx;
            }
        }
    }
}
.playlist_content{
    width: 100%;
    .allplay{
        width: 100%;
        height: 50rpx;
        background-color: #cccccc;
        padding: 10rpx;
        display: flex;
        align-items: center;
    }
    .play_list{
        .playlist_item{
            width: 100%;
            background-color: #ffffff;
            height: 100rpx;
            border-bottom: 1rpx solid #cccccc;
            .play_item_url{
                width: 100%;
                display: flex;
                height: 100%;
                padding: 10rpx;
                .play_item_index{
                    flex: 1;
                    display: flex;
                    align-items: center;
                    padding:0 20rpx 0 20rpx;
                    color: #cccccc;
                    image{
                        width: 70%;
                    }
                }
                .play_item_info{
                    flex: 10;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    .play_item_name{
                        flex: 2;
                        text{
                            font-size: 28rpx;
                            font-weight: 400;
                            display: -webkit-box;
                            overflow: hidden;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 1;
                        }
                    }
                    .play_item_user{
                        flex: 1;
                        text{
                            font-size: 24rpx;
                            color: #cccccc;
                        }
                    }
                }
                .active{
                    color:#dd4f43;
                }
            }
        }
    }
}